HTMLify
index.html
Views: 25 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 | <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Custom Scrollbar</title> <!-- Google Font --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap" rel="stylesheet" /> <!-- Stylesheet --> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="container"> <div class="sub-div"> <h1 class="title">Custom Scrollbar</h1> <p class="text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, facilis ipsam. Voluptates minima eaque cupiditate nostrum illum quis possimus qui dolorem ex, facere optio sapiente. Beatae inventore accusamus ratione, quos cupiditate maxime repudiandae id ex. Magni dolore aut earum tempora doloribus porro debitis pariatur expedita, quis soluta optio sed distinctio repudiandae sit, in animi! Ea consectetur magni consequuntur velit at illo aut neque deleniti impedit, voluptatem quo ad deserunt animi eligendi commodi tempore placeat aliquid dolor? Quam vero officia perspiciatis illo velit eum iusto, impedit autem! Distinctio, obcaecati! Tempore debitis dolor iste aliquam fuga ipsa, cumque magni sit. Consequuntur commodi nisi in, voluptates alias aliquid, ipsam eveniet rem ducimus omnis nemo doloremque! Corporis, earum harum sed asperiores autem cum ab aut repellat, provident perferendis aliquid molestias. Quos sed consequuntur molestiae, incidunt officia odio nisi ex numquam et vero sequi maxime maiores, necessitatibus iure ut exercitationem sapiente. Consequuntur eaque odio, inventore vitae odit adipisci ex modi fuga dignissimos, incidunt maiores quaerat corporis quia veniam ipsam, esse non omnis! Aperiam nemo praesentium quidem ipsa ad, perferendis debitis, quia voluptatum nostrum possimus eligendi! Cupiditate, unde et consectetur iusto porro maiores. Blanditiis eos architecto maxime dolores ab libero nostrum delectus odit accusamus harum quos cupiditate aliquid, a sed, ullam sit? Facilis voluptatibus earum officia unde accusamus tempore odit aspernatur et reiciendis dignissimos! Quos velit similique voluptate ab quam quasi ullam culpa officiis et quaerat alias, ipsam iste, perferendis repudiandae atque temporibus eum? Nostrum, repellat praesentium doloremque amet quasi atque doloribus tenetur aspernatur tempore quo? </p> <p class="text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, facilis ipsam. Voluptates minima eaque cupiditate nostrum illum quis possimus qui dolorem ex, facere optio sapiente. Beatae inventore accusamus ratione, quos cupiditate maxime repudiandae id ex. Magni dolore aut earum tempora doloribus porro debitis pariatur expedita, quis soluta optio sed distinctio repudiandae sit, in animi! Ea consectetur magni consequuntur velit at illo aut neque deleniti impedit, voluptatem quo ad deserunt animi eligendi commodi tempore placeat aliquid dolor? Quam vero officia perspiciatis illo velit eum iusto, impedit autem! Distinctio, obcaecati! Tempore debitis dolor iste aliquam fuga ipsa, cumque magni sit. Consequuntur commodi nisi in, voluptates alias aliquid, ipsam eveniet rem ducimus omnis nemo doloremque! Corporis, earum harum sed asperiores autem cum ab aut repellat, provident perferendis aliquid molestias. Quos sed consequuntur molestiae, incidunt officia odio nisi ex numquam et vero sequi maxime maiores, necessitatibus iure ut exercitationem sapiente. Consequuntur eaque odio, inventore vitae odit adipisci ex modi fuga dignissimos, incidunt maiores quaerat corporis quia veniam ipsam, esse non omnis! Aperiam nemo praesentium quidem ipsa ad, perferendis debitis, quia voluptatum nostrum possimus eligendi! Cupiditate, unde et consectetur iusto porro maiores. Blanditiis eos architecto maxime dolores ab libero nostrum delectus odit accusamus harum quos cupiditate aliquid, a sed, ullam sit? Facilis voluptatibus earum officia unde accusamus tempore odit aspernatur et reiciendis dignissimos! Quos velit similique voluptate ab quam quasi ullam culpa officiis et quaerat alias, ipsam iste, perferendis repudiandae atque temporibus eum? Nostrum, repellat praesentium doloremque amet quasi atque doloribus tenetur aspernatur tempore quo? </p> <p class="text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, facilis ipsam. Voluptates minima eaque cupiditate nostrum illum quis possimus qui dolorem ex, facere optio sapiente. Beatae inventore accusamus ratione, quos cupiditate maxime repudiandae id ex. Magni dolore aut earum tempora doloribus porro debitis pariatur expedita, quis soluta optio sed distinctio repudiandae sit, in animi! Ea consectetur magni consequuntur velit at illo aut neque deleniti impedit, voluptatem quo ad deserunt animi eligendi commodi tempore placeat aliquid dolor? Quam vero officia perspiciatis illo velit eum iusto, impedit autem! Distinctio, obcaecati! Tempore debitis dolor iste aliquam fuga ipsa, cumque magni sit. Consequuntur commodi nisi in, voluptates alias aliquid, ipsam eveniet rem ducimus omnis nemo doloremque! Corporis, earum harum sed asperiores autem cum ab aut repellat, provident perferendis aliquid molestias. Quos sed consequuntur molestiae, incidunt officia odio nisi ex numquam et vero sequi maxime maiores, necessitatibus iure ut exercitationem sapiente. Consequuntur eaque odio, inventore vitae odit adipisci ex modi fuga dignissimos, incidunt maiores quaerat corporis quia veniam ipsam, esse non omnis! Aperiam nemo praesentium quidem ipsa ad, perferendis debitis, quia voluptatum nostrum possimus eligendi! Cupiditate, unde et consectetur iusto porro maiores. Blanditiis eos architecto maxime dolores ab libero nostrum delectus odit accusamus harum quos cupiditate aliquid, a sed, ullam sit? Facilis voluptatibus earum officia unde accusamus tempore odit aspernatur et reiciendis dignissimos! Quos velit similique voluptate ab quam quasi ullam culpa officiis et quaerat alias, ipsam iste, perferendis repudiandae atque temporibus eum? Nostrum, repellat praesentium doloremque amet quasi atque doloribus tenetur aspernatur tempore quo? </p> <p class="text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, facilis ipsam. Voluptates minima eaque cupiditate nostrum illum quis possimus qui dolorem ex, facere optio sapiente. Beatae inventore accusamus ratione, quos cupiditate maxime repudiandae id ex. Magni dolore aut earum tempora doloribus porro debitis pariatur expedita, quis soluta optio sed distinctio repudiandae sit, in animi! Ea consectetur magni consequuntur velit at illo aut neque deleniti impedit, voluptatem quo ad deserunt animi eligendi commodi tempore placeat aliquid dolor? Quam vero officia perspiciatis illo velit eum iusto, impedit autem! Distinctio, obcaecati! Tempore debitis dolor iste aliquam fuga ipsa, cumque magni sit. Consequuntur commodi nisi in, voluptates alias aliquid, ipsam eveniet rem ducimus omnis nemo doloremque! Corporis, earum harum sed asperiores autem cum ab aut repellat, provident perferendis aliquid molestias. Quos sed consequuntur molestiae, incidunt officia odio nisi ex numquam et vero sequi maxime maiores, necessitatibus iure ut exercitationem sapiente. Consequuntur eaque odio, inventore vitae odit adipisci ex modi fuga dignissimos, incidunt maiores quaerat corporis quia veniam ipsam, esse non omnis! Aperiam nemo praesentium quidem ipsa ad, perferendis debitis, quia voluptatum nostrum possimus eligendi! Cupiditate, unde et consectetur iusto porro maiores. Blanditiis eos architecto maxime dolores ab libero nostrum delectus odit accusamus harum quos cupiditate aliquid, a sed, ullam sit? Facilis voluptatibus earum officia unde accusamus tempore odit aspernatur et reiciendis dignissimos! Quos velit similique voluptate ab quam quasi ullam culpa officiis et quaerat alias, ipsam iste, perferendis repudiandae atque temporibus eum? Nostrum, repellat praesentium doloremque amet quasi atque doloribus tenetur aspernatur tempore quo? </p> <p class="text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, facilis ipsam. Voluptates minima eaque cupiditate nostrum illum quis possimus qui dolorem ex, facere optio sapiente. Beatae inventore accusamus ratione, quos cupiditate maxime repudiandae id ex. Magni dolore aut earum tempora doloribus porro debitis pariatur expedita, quis soluta optio sed distinctio repudiandae sit, in animi! Ea consectetur magni consequuntur velit at illo aut neque deleniti impedit, voluptatem quo ad deserunt animi eligendi commodi tempore placeat aliquid dolor? Quam vero officia perspiciatis illo velit eum iusto, impedit autem! Distinctio, obcaecati! Tempore debitis dolor iste aliquam fuga ipsa, cumque magni sit. Consequuntur commodi nisi in, voluptates alias aliquid, ipsam eveniet rem ducimus omnis nemo doloremque! Corporis, earum harum sed asperiores autem cum ab aut repellat, provident perferendis aliquid molestias. Quos sed consequuntur molestiae, incidunt officia odio nisi ex numquam et vero sequi maxime maiores, necessitatibus iure ut exercitationem sapiente. Consequuntur eaque odio, inventore vitae odit adipisci ex modi fuga dignissimos, incidunt maiores quaerat corporis quia veniam ipsam, esse non omnis! Aperiam nemo praesentium quidem ipsa ad, perferendis debitis, quia voluptatum nostrum possimus eligendi! Cupiditate, unde et consectetur iusto porro maiores. Blanditiis eos architecto maxime dolores ab libero nostrum delectus odit accusamus harum quos cupiditate aliquid, a sed, ullam sit? Facilis voluptatibus earum officia unde accusamus tempore odit aspernatur et reiciendis dignissimos! Quos velit similique voluptate ab quam quasi ullam culpa officiis et quaerat alias, ipsam iste, perferendis repudiandae atque temporibus eum? Nostrum, repellat praesentium doloremque amet quasi atque doloribus tenetur aspernatur tempore quo? </p> </div> </div> </body> </html> |